/**
  其他境外交流项目管理-导师/学院领导-查看回国
*/
<template>
  <div class="project-application-container">
    <div style="height: 30px;">
      <el-breadcrumb style="float: left;" separator="/">
        <el-breadcrumb-item :to="{ path: '/exchangeProjectAudit' }">
          <span @click="reback()">{{ $t('projectManage.otherOverseasExchangeAudit') }}</span>
        </el-breadcrumb-item>
        <el-breadcrumb-item>
          <span v-if="projectSubCategory === 6">{{ $t('projectApplication.nationGovernGoHomeReportSelect') }}</span>
          <span v-if="projectSubCategory === 7">{{ $t('projectApplication.shortTermVisitRuturnGovernSelect') }}</span>
        </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <el-card shadow="never" v-loading="loading" body-style="padding: 24px;">
      <div slot="header" class="title">
        <span>{{ $t('projectManage.otherOverseasExchangeAudit') }}</span>
         -
        <span v-if="projectSubCategory === 6">{{ $t('projectApplication.nationGovernGoHomeReportSelect') }}</span>
        <span v-if="projectSubCategory === 7">{{ $t('projectApplication.shortTermVisitRuturnGovernSelect') }}</span>
        <el-button style="float:right; margin-top: -5px;" @click="reback()">{{ $t('common.btn.back') }}</el-button>
      </div>
      <return-home-common-info :showProcess="showProcess" :applyId="applyId" :backId="backId" :projectStartTime="projectStartTime" :projectEndTime="projectEndTime">
        <!-- 审批进度开始 -->
        <template slot="footer"></template>
        <!-- 审批进度结束 -->
      </return-home-common-info>
    </el-card>
  </div>
</template>
<script>
import returnHomeCommonInfo from 'common/src/views/externalExchange/common/returnHomeCommonInfo';
export default {
  components: {
    'return-home-common-info': returnHomeCommonInfo
  },
  data() {
    return {

    };
  },
  props: {
    applyId: {
      type: String,
      default: ''
    },
    backId: {
      type: String,
      default: ''
    },
    projectStartTime: {
      type: String,
      default: ''
    },
    projectEndTime: {
      type: String,
      default: ''
    },
    showProcess: {
      type: Boolean,
      default: true
    },
    projectSubCategory: {
      type: Number,
      default: null
    }
  },
  computed: {
  },
  filters: {
  },
  created() {

  },
  async mounted() {

  },
  methods: {
    reback() {
      this.$emit('change-project-index')
    }
  },
  watch: {
  }
}
</script>

<style lang="scss" scoped>
  .project-application-container {
    .el-breadcrumb__item:last-child ::v-deep {
      .el-breadcrumb__inner {
        color: #606266;
        font-weight: bold;
        cursor: default
      }
    }
    .el-breadcrumb__item ::v-deep {
      .is-link {
        color: #aaa;
        font-weight: unset;
      }
      .is-link:hover {
        color: #409eff;
      }
    }
    .title {
      font-weight: bold;
      font-size: 18px;
    }
  }
</style>
